<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <link href="/css/" rel="stylesheet">
</head>
<style>
  * {
    margin: 0;
    padding: 0;
  }
  .title{
    text-align: center;
    font-size: 3rem;
  }
  table{
    margin:auto;
    text-align: left;
  }
  .aa{
    margin:auto;
    text-align: center;
  }

</style>
<body>
  <div class="title">添加空气质量信息</div>
  <form action="/quality/add">
    <table>
      <tr>
        <td>检测区域：</td>
        <td>
          <select name="districtId" id="districtId">
            <option value="" selected="selected">-请选择-</option>
            <c:forEach items="${districtInfo}" var="t">
              <option value="${t.id}">${t.name}</option>
            </c:forEach>
          </select>
        </td>
      </tr>

      <tr>
        <td>检测日期：</td>
        <td><input type="text" name="monitorTime" Class="Wdate" onclick="WdatePicker();" readonly="readonly"></td>
      </tr>
      <tr>
        <td>PM10值：</td>
        <td><input type="text" name="pm10"></td>
      </tr>
      <tr>
        <td>PM2.5值：</td>
        <td><input type="text" name="pm25"></td>
      </tr>
      <tr>
        <td>监测站：</td>
        <td><input type="text" name="monitoringStation"></td>
      </tr>
    </table>
    <div class="aa">
      <input type="submit" value="保存" id="sub">
      <input type="reset" value="重置">
      <input type="button" value="返回" id="back">
    </div>
  </form>
</body>
<script src="/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="/js/ajaxJump.js" type="text/javascript"></script>

<script type="text/javascript" src="/calendar/WdatePicker.js"></script>
<script type="text/javascript">

  $("#back").bind("click",function () {
    location ="/quality/query";
  })
</script>
</html>